<!DOCTYPE html>
<html lang="zh-CN" itemscope itemtype="http://schema.org/WebPage">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta property="og:title" content="慢慢的风">
    <meta property="og:type" content="article">
    <meta property="og:url" content="http://qyin.top/">
    <meta name="description" content="人生路慢慢，总会有风吹过的~">
    <meta property="og:description" content="人生路慢慢，总会有风吹过的~">
    <meta name="keywords" content="博客web前端后端全栈实用技术文章教程工具创作者">
    <link rel="apple-touch-icon" sizes="76x76" href="/static/assets/img/apple-icon.png">
    <link rel="icon" type="image/png"
          href="https://gravatar.loli.net/avatar/677f760a67718f03cc111cb59a309c00?s=48&r=pg&d=404">
    <title>慢慢的风</title>
    <link rel='dns-prefetch' href='//cdn.staticfile.org'/>
    <link rel='dns-prefetch' href='//fonts.googleapis.com'/>
    <link rel='dns-prefetch' href='//kit.fontawesome.com'/>

    <link rel="stylesheet" href="/static/assets/css/blogzj.css">
    <!-- 引入 layui.css -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.7.6/css/layui.min.css" rel="stylesheet">
    <!-- 引入 layui.js -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.7.6/layui.min.js"></script>

    <!--     Fonts and icons     -->
    <link rel="stylesheet" type="text/css"
          href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700"/>
    <!-- Nucleo Icons -->
    <link href="/static/assets/css/nucleo-icons.css" rel="stylesheet"/>
    <link href="/static/assets/css/nucleo-svg.css" rel="stylesheet"/>
    <!-- Font Awesome Icons -->
    <script src="https://kit.fontawesome.com/295cf474f5.js" crossorigin="anonymous"></script>
    <!-- Material Icons -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
    <!-- CSS Files -->
    <link id="pagestyle" href="/static/assets/css/material-kit.min.css" rel="stylesheet"/>
</head>
<body class="contact-us bg-gray-200" id="appbody">
{% block top_nav %}
    <nav class="sticky-top container rounded navbar navbar-expand-md navbar-light bg-white py-1 pt-2">
        <div class="container-fluid">
            <a class=" navbar-brand font-weight-bolder ms-sm-3" href="/" rel="tooltip"
               data-placement="bottom" target="_parent">
                <div class="font-weight-light" role="alert">
                    <h6 class="mb-0">qyin.top</h6>
                    <span>路漫漫其修远兮-吾将上下而求索</span>

                </div>
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navigations"
                    aria-controls="navigations" aria-expanded="false" aria-label="Toggle navigation ">
                <!-- 手机版的菜单按钮 -->
                <span class="navbar-toggler-icon mt-2">
                        <span class="navbar-toggler-bar bar1"></span>
                        <span class="navbar-toggler-bar bar2"></span>
                        <span class="navbar-toggler-bar bar3"></span>
                    </span>
            </button>
            <div class="collapse navbar-collapse bg-white" id="navigations">
                <div class="d-flex justify-content-end navbar-nav navbar-nav-hover ms-auto">
                    <a href="/"
                       class="{% block top_nav_home %}{% endblock %} btn text-success bg-light w-auto me-2 ">
                        <i class="material-icons opacity-6 me-2 text-md">home</i>
                        <span>首页</span>
                    </a>
                    <a href="/articles/"
                       class="{% block top_nav_article %}{% endblock %} btn text-warning bg-light w-auto me-2 ">
                        <i class="material-icons opacity-6 me-2 text-md">article</i>
                        <span>博客</span>
                    </a>
                    <a href="/tools/"
                       class="{% block top_nav_tool %}{% endblock %} btn text-danger bg-light w-auto me-2">
                        <i class="material-icons opacity-6 me-2 text-md">view_day</i>
                        <span>工具</span>
                    </a>
                    <a href="/about"
                       class="{% block top_nav_about %}{% endblock %} btn text-info bg-light w-auto me-2">
                        <i class="material-icons opacity-6 me-2 text-md">dashboard</i>
                        <span>关于</span>
                    </a>
                </div>
            </div>
        </div>
    </nav>
{% endblock %}
    <div style="min-height: 85vh">
{% block section %}{% endblock %}
        </div>
{% block bottpm_footer %}
    <footer class="footer py-1">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto text-center">
                    <a href="/about#about" target="_blank" class="link-secondary  me-xl-2 me-2 mb-sm-0 mb-2" rel="noopener noreferrer">
                        关于我
                    </a>
                    <a href="/sponsors" target="_blank" class="link-secondary me-xl-2 me-2 mb-sm-0 mb-2" rel="noopener noreferrer">
                        赞助名单
                    </a>
                    <a href="/about#contact" target="_blank" class="link-secondary me-xl-2 me-2 mb-sm-0 mb-2" rel="noopener noreferrer">
                        联系方式
                    </a>
                </div>
                <div class="row col-8 mx-auto text-center mt-1">
                    <p class="mb-0 text-secondary">
                    <div><a class="link-secondary" href="https://beian.miit.gov.cn/"
                            target="_blank">豫ICP备2022028429号-1</a>
                        <div>Copyright &copy; 2022-{{ data_obj.date_year }}
                            qyin.top
                        </div>
                    </div>
                    </p>
                </div>
            </div>
        </div>
    </footer>
{% endblock %}
<script src="/static/assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="/static/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="/static/assets/js/plugins/perfect-scrollbar.min.js"></script>
<script src="/static/assets/js/plugins/parallax.min.js"></script>
<script>
function replaceback(s){window.location.replace(s);}
</script>
</body>

</html>
